<!DOCTYPE html>

<html xmlns:th="http://www.thymeleaf.org">

<head>

    <meta charset="utf-8" />

    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

    <title>店铺信息</title>

    <link rel="stylesheet" th:href="@{/css/layui.css}" />

    <link rel="stylesheet" th:href="@{/css/main.css}" />

    <style type="text/css">

        .store-remark{
            color: red;
        }
        .stop{
            color: #8D8D8D;
        }
        .stop_store_name{
            font-weight: 800;
            color: #8D8D8D;
        }
        .stop_time{
            display: inline-block;
            text-decoration:line-through;
        }
        .store-remark{
            font-size: 12px;
        }
        .tb_head{
            margin:15px 0
        }
        .search-box{
            display: flex;
            justify-content: space-around;
            align-items: center;
        }
        #search{
            height: 36px;
            line-height: 36px;
            font-size: 1.3rem;
            width: 100%;
        }
        .main-add{
            margin:0;
            width: 28%;
            border-radius: 4px
        }
        .search-nav{
            width: 65%;
            background-color:#F4F4F4;
        }
        .main ul{
            margin-top: 0;
        }
        .guide{
            width: auto;
            height: auto;
            right: 10%;
            /*bottom: 20px;*/
        }
        .store-boss{
            border-right: none;
            padding-right: 0;
        }
        .store-staff {
            padding-left: 0;
            margin-right: 10%;
        }
        .dz-box{
            display: flex;
            justify-content: space-between;
            align-items: center;

        }
        .main li:not(:first-child){
            border-top: 5px solid #F4F4F4;
        }
        .kaid{
            color:royalblue;
        }

    </style>

</head>

<body>


<div class="main">
    <div class="search-box">

        <nav class="search-nav">

            <form action="#" name="serch-form" method="post">

                <input type="text" id="search" name="search" placeholder="搜索" class="layui-input"/>

            </form>

        </nav>
        <a href="addStore.html" class="main-add">

            <span><i class="layui-icon">&#xe61f;</i>新增店铺</span>

        </a>
    </div>

    <ul id="get_ajax_store" th:each="store:${storeList}">
        <li >
            <a href="/jlyyj/index.php?s=/Home/Store/store_detail/store_id/488/emp_numbers/0.html" class="main-list">
                <div class="store-msg clear">
                    <img src="http://jingliyun.com/images/STORE.png" class="fl">
                    <div class="store-para fr">
                        <h3>
                            <strong th:text="${store.getStore_name()}"></strong>
                            <span class="store-number" th:text="'('+${store.getStore_NO()+')'}"></span>
                        </h3>
                        <p class="dz-box">
                            <span class="store-boss" th:text="'店长：'+${store.getUser_realname()}"></span>
                            <span class="store-staff" th:text="'店员：'+${store.getCounts()}+'人'">0</span>
                        </p>
                        <div style="height: 36px;display: flex;align-items: center;justify-content: space-between;">
                            <span class="fr kaid" th:text="'开店'+${store.getDays()}+'天'"></span>
                            <a href="/jlyyj/index.php?s=/Home/Store/guide/store_name/fasdfsa.html" class="fr guide">
                                <span style="position: relative;left: 20px;" class="kaid">店铺位置</span>
                            </a>
                        </div>
                    </div>
                </div>
            </a>
        </li>
    </ul>
</div>

</body>

</html>